<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>注册登录页面</title>
     
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="user manage page">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-2.1.0.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/iscroll-lite.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/iscroll-probe.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/messenger.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/misc.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/app.js"></script>
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/bootstrap.min.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/font-awesome.min.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/messenger.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/messenger-theme-air.css">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/app.css">
  </head>
  <body>
	<div id="main_page">
		<table class="table ui-navbar">
			<tr class="success">
				<td width="33%" align="middle" t_name="t_account" id="t_account" data-href="account_list">
					<span class="glyphicon glyphicon-flash"></span><br>账号管理
				</td>
				<td width="33%" align="middle" t_name="t_recharge" id="t_recharge" data-href="recharge">
					<span class="glyphicon glyphicon-usd"></span><br>充值
				</td>
				<td width="34%" align="middle" t_name="t_info" id="t_info" data-href="info_manage">
					<span class="glyphicon glyphicon-user"></span><br>信息管理
				</td>
			</tr>
		</table>
		<div id="account_list" data-href="t_account" class="tab-content" style="display:none">
			<div class="wrapper_page1">
				<div class="scroller_page1">
					<table class="table" id="account_table">
						<tr>
							<th width="%15"  style="text-align:center;">
								加速
							</th>
							<th width="%65"  style="text-align:center;">游戏账号</th>
							<th width="%20"  style="text-align:center;">删除</th>
						</tr>
						<tr>
							<td align="middle">
								<input type="checkbox">
							</td>
							<td>adndsjda</td>
							<td align="middle">
								<button class="btn btn-danger" id="delete_account" data-toggle="modal" data-target="#confirm_delete">
									删除
								</button>
							</td>
						</tr>
						<tr>
							<td align="middle">
								<input type="checkbox" class="switch_play">
							</td>
							<td>adndsjda</td>
							<td align="middle">
								<button class="btn btn-danger" id="delete_account" data-toggle="modal" data-target="#confirm_delete">
									删除
								</button>
							</td>
						</tr>						
					</table>
				</div>
			</div>

			<table class="table" style="position: fixed;bottom: 20px;">
				<tr>
					<td align="middle">
						<button class="btn btn-success btn-block" id="manage_addnew" data-toggle="modal" data-target="#add_account">
							增加游戏账号
						</button>
					</td>
				</tr>
			</table>
		</div>
		
		<div id="recharge" data-href="t_recharge" class="tab-content"  style="display:none">
			<div class="wrapper_page2">
				<div class="scroller_page2">
					<input type="text" class="form-control" placeholder="请输入充值卡密码" id="recharge_card">
					<br>
					<button class="btn btn-success" type="button" id="recharge_confirm">充值</button>
				</div>
			</div>
		</div>
		
		<div id="info_manage" data-href="t_info" class="tab-content" style="display:none">
				<div class="wrapper_page3">
					<div class="scroller_page3">
						<div style="padding-left:10px;padding-right:10px;">
							<ul class="list-group">
								<li class="list-group-item" id="logout">
									<span class="glyphicon glyphicon-off"></span>&nbsp&nbsp&nbsp&nbsp注销
								</li>
							</ul>
							<form role="form">
								<div class="form-group">
									<label for="purlinput">昵称:</label>
									<input type="text" class="form-control" id="pnameinput" placeholder="请输入昵称">
								</div>
								<div class="form-group">
									<label for="pnameinput">邮箱:</label>
									<input type="text" class="form-control" id="pmailinput" placeholder="请输入邮箱">
								</div>
								<div class="form-group">
									<label for="ppicurlinput">QQ:</label>
								    <input type="text" class="form-control" id="pqqinput" placeholder="请输入QQ">
								</div>
								<button type="button" class="btn btn-success" id="update_info">更新</button>
							</form>
							<label>请复制以下链接向你朋友推广注册并充值后，你将获得奖励加速天数。</label>
							<button class="btn btn-success btn-block" id="create_url" data-toggle="modal" data-target="#create_url_pan">生成推广链接</button>
						</div>
					</div>
				</div>
		</div>
		
		<div id="expire-pan" style="position: fixed;bottom: 10px;z-index: 10;">
			<label id="expire_date" style="padding-left:10px;">你的加速有效期到</label>
		</div>
	</div>

	<div class="modal fade" id="add_account" tabindex="-1" role="dialog" aria-labelledby="addAccountModal" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
        		<div class="modal-header">
        			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        			<h4 class="modal-title" id="addAccountModal">增加游戏账号</h4>
      			</div>
      			<div class="modal-body">
					<form role="form">
				  		<div class="form-group">
				    		<label for="accountinput">游戏账号:</label>
				    		<input type="text" class="form-control" id="accountinput" placeholder="游戏账号">
				  		</div>
				  	<button type="submit" class="btn btn-default" data-dismiss="modal" id="add_account_confirm">添加</button>
					</form>
      			</div>
    		</div><!-- /.modal-content -->
    	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<div class="modal fade" id="confirm_delete" tabindex="-1" role="dialog" aria-labelledby="delModal" aria-hidden="true">
	  <div class="modal-dialog modal-sm">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title" id="delModal">删除账号</h4>
	      </div>
	      <div class="modal-body">
	      	<p class="lead">确认删除该账号吗?</p>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" id="delete_dev" aid="">删除</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<div class="modal fade" id="create_url_pan" tabindex="-1" role="dialog" aria-labelledby="create_url_panModal" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
        		<div class="modal-header">
        			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        			<h4 class="modal-title"  id="create_url_panModal">分享链接</h4>
      			</div>
      			<div class="modal-body">
					<label id="display_url"></label>
      			</div>
    		</div><!-- /.modal-content -->
    	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<script type="text/javascript">
	</script>
  </body>
</html>
